<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/Webpage" class="no-js">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="x-ua-compatible" content="ie=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="generator" content="{{ eleventy.generator }}">
		<meta name="theme-color"
      content="#f6f6f6"
      media="(prefers-color-scheme: light)">
		<meta name="theme-color"
      content="#333536"
      media="(prefers-color-scheme: dark)">
		{% include "meta/social-media.njk" %}
		{% include "meta/icons.njk" %}

		{# This needs to run before CSS so we don't get a flash of the default theme #}
		<script src="{{ '/js/apply-theme-setting.min.js?v=' + getCurrentVersion.version | url }}"></script>

		<link rel="stylesheet" as="style" href="{{ '/css/screen.min.css?v=' + getCurrentVersion.version  | url }}" />
		<link rel="alternate" href="{{ metadata.feed.path | url }}" type="application/atom+xml" title="{{ metadata.title }}" />
		<link rel="sitemap" type="application/xml" title="{{ metadata.title }}" href="{{ '/sitemap.xml' | url }}" />
		<link rel="author" href="/humans.txt" />
		{% include "meta/service-worker.njk" %}

	</head>
	<body {% if templateClass %} class="{{ templateClass }}"{% endif %} data-color-scheme="{{ colorScheme }}">

		{% include "nav/skipnav.njk" %}

		{% include "blm-banner.njk" %}

		{% include "header.njk" %}

		<main id="main" class="l-main">

			{% if (layout !== 'post') and (page.url !== '/') %}
			{% set tocMarkup = content | toc | safe %}
			{% set hasToc = tocMarkup.length > 0 %}

				{% if hasToc %}
					{% include "nav/toc.njk" %}
				{% endif %}
			{% endif %}

			{{ content | safe }}
		</main>

		{% include "sponsors.njk" %}

		{% include "footer.njk" %}

		<script async src="{{ '/js/lib/details-element-polyfill.polyfill.min.js' | url }}"></script>
		<script src="{{ '/js/theme-toggle.min.js?v=' + getCurrentVersion.version | url }}"></script>

		{% if hasToc %}
		<script async src="{{ '/js/lib/table-of-contents.min.js' | url }}"></script>
		{% endif %}
		{% if page.url === '/checklist/' %}
		<script src="{{ '/js/checklist.min.js?v=' + getCurrentVersion.version | url }}"></script>
		{% endif %}
		{% if page.url === '/contact/' %}
		<script src="{{ '/js/contact.min.js?v=' + getCurrentVersion.version | url }}"></script>
		{% endif %}
	</body>
</html>
